<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@include file="common/head.jsp"%>
<link href="${pageContext.request.contextPath }/statics/rece/css/styles.css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="js/modernizr.js"></script>
<![endif]-->
</head>
<body>
 <div class="mainContent">
    <aside>
      <div class="avatar">
        <a href="#"><span>${user.user_code }</span></a>
      </div>
      <section class="topspaceinfo">
      	<h1></h1>
        <h1>文章总数:${count }</h1>
        <h1>签名:</h1>
        <p>于千万人之中，我遇见了我所遇见的人....</p>
      </section>
      <div class="userinfo"> 
           
      </div>
     
      
    </aside>
    <div class="blogitem">
       <article> 
    	<c:forEach var="article" items="${articleList }">
    		 <h2 class="title"><a href="${pageContext.request.contextPath}/articleView?id=${article.id}">${article.title }</a></h2>
        <ul class="text">
          <p>${article.content }</p>
        </ul>
        <div class="textfoot">
         <span style="float:left;"><fmt:formatDate pattern="yy-MM-dd HH:mm:ss" value="${article.creattime }"/></span>
          <a href="${pageContext.request.contextPath }/update?id=${article.id}">修改文章</a>
          &nbsp;&nbsp;
          <span>
          	<c:choose>
          		<c:when test="${article.lik !=null }">	点赞(${article.lik })</c:when>
          		<c:otherwise>点赞(0)</c:otherwise>
          	</c:choose>
          	</span>&nbsp;
          <span style="float: right;">
   			<c:choose>
          		<c:when test="${article.look !=null }">	浏览数(${article.look })</c:when>
          		<c:otherwise>浏览数(0)</c:otherwise>
          	</c:choose>       
          </span>
        </div>
    	</c:forEach>
       
       </article>
      <div class="pages" >
      		<div class="row">
					<div class="col-sm-5">
						<div class="dataTables_info" id="datatable-responsive_info"
							role="status" aria-live="polite">共${page.total}条记录
							${page.prePage+1}/${page.pages }页</div>
					</div>
					
					<div class="col-sm-7">
						<div class="dataTables_paginate paging_simple_numbers"
							id="datatable-responsive_paginate">
							<ul class="pagination" style="float:right;">
									<li class="paginate_button previous" style="float: left;"><a
										href="${pageContext.request.contextPath }/zhuyeList?pageNumber=${page.firstPage}&id=${user.id}"
										aria-controls="datatable-responsive" data-dt-idx="0"
										tabindex="0">首页</a>
									</li>
									<li class="paginate_button " style="float: left;"><a
										href="${pageContext.request.contextPath }/zhuyeList?pageNumber=${page.prePage}&id=${user.id}"
										aria-controls="datatable-responsive" data-dt-idx="1"
										tabindex="0">上一页</a>
									</li>
									<li class="paginate_button " style="float: left;"><a
										href="${pageContext.request.contextPath }/zhuyeList?pageNumber=${page.nextPage}&id=${user.id}"
										aria-controls="datatable-responsive" data-dt-idx="1"
										tabindex="0">下一页</a>
									</li>
									<li class="paginate_button next" style="float: left;"><a
										href="${pageContext.request.contextPath }/zhuyeList?pageNumber=${page.lastPage}&id=${user.id}"
										aria-controls="datatable-responsive" data-dt-idx="7"
										tabindex="0">尾页</a>
									</li>
							</ul>
						</div>
					</div>				
			</div>
      </div>
    </div>
 </div>

<div data-am-widget="gotop" class="am-gotop am-gotop-fixed" >
    <a href="#top" title="回到顶部">
        <span class="am-gotop-title">回到顶部</span>
        <i class="am-gotop-icon am-icon-chevron-up"></i>
    </a>
</div>
<%@include file="common/foot.jsp"%>
